<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		ul {
			overflow: hidden;
		}

		ul li {
			position: relative;
			float: left;
			list-style: none;
			width: 150px;
			height: 200px;
			border: 1px solid black;
			margin-left: -1px;
		}

		ul li:hover {
			/* 如果没有定位添加相对定位 */
			/* position: relative; */
			/* 如果有定位可以用提高层级的方法 */
			z-index: 2;
			border: 1px solid red;
		}
	</style>
</head>

<body>
	<h1>margin负值的应用主要是用来设置盒子的边框，两个盒子浮动时相邻盒子边框会叠加，用负值边距可以设置一个边框</h1>
	<h1>解决压住边框问题，如果没有定位添加相对定位，有定位则增加层级</h1>
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	<br>
	<br>

</body>

</html>